﻿<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
 <title>3stone</title>
<link rel='stylesheet' id='camera-css'  href='/mcouponMgr/css/camera.css' type='text/css' media='all'> 
<link href="/mcouponMgr/jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="/mcouponMgr/jquery-mobile/jquery.mobile.structure-1.0.min.css" rel="stylesheet" type="text/css"/>
<link href="/mcouponMgr/css/3stone.css" rel="stylesheet" type="text/css">
<script>
        var userAgent = navigator.userAgent + '';
        if (userAgent.indexOf('iPhone') > -1) {
          document.write('<script src="/mcouponMgr/js/lib/cordova-iphone.js"></sc' + 'ript>');
          var mobile_system = 'iphone';
        } else if (userAgent.indexOf('Android') > -1) {
            document.write('<script src="/mcouponMgr/js/lib/cordova-2.0.0.js"></sc' + 'ript>');
          var mobile_system = 'android';
        } else {
          var mobile_system = '';
        }
      </script>
      <script src="/mcouponMgr/js/lib/jquery.js"></script>
      <!-- your scripts here -->
      <script src="/mcouponMgr/js/app/app.js"></script>
      <script src="/mcouponMgr/js/app/bootstrap.js"></script>
      <script src="/mcouponMgr/js/lib/jquery.mobile.js"></script>
      <script type='text/javascript' src='/mcouponMgr/scripts/camera.min.js'></script> 
      <script src="js/jquery.easing.1.3.js"></script>
        <script>
               function onDeviceReady() {
            console.log("We got device ready");
            cordova.exec(null, null, "SplashScreen", "hide", []);
         	        }

        
            // Soon to beonDeviceReady
            // navigator.splashscreen.hide();
        </script>
        <script>
            jQuery(function(){
                
                jQuery('#camera_wrap_2').camera({
                    height: '40%',
                    loader: 'bar',
                    pagination: true,
                    thumbnails: false
                });
            });
            </script>
</head> 
<body>
<?php $url_this =  "http://".$_SERVER ['HTTP_HOST']."/"?>
	
<div data-role="page" id="index">
 <div class="camera_wrap camera_magenta_skin" id="camera_wrap_2">		  	 		  
			   <?php
	foreach ($shopimages as $shopimage): ?>
			  <div data-thumb="<?php echo $url_this?><?php echo h($shopimage['Shopimage']['ImagePath']); ?>" data-src="<?php echo $url_this?><?php echo h($shopimage['Shopimage']['ImagePath']); ?>">
                    <div class="camera_caption fadeFromBottom">
                        步道導覽 自然之旅
                    </div>
                </div>
				 <?php endforeach; ?>
       </div>
     
     <div data-role="content">
     <div data-role="controlgroup">
	 
	 <a href="#" onclick="location.href='/mcouponMgr/Stores/storeList/1'" ><button data-icon="arrow-r">店家列表</button></a>
     <a href="#coupon"><button data-icon="arrow-r">優惠好康</button></a>
     <a href="#game"><button data-icon="arrow-r">闖關遊戲</button></a>
     <a href="#favorites"><button data-icon="arrow-r">我的最愛</button></a>
	 
    
     </div>      
     </div>
     
     <div class="copyright" data-role="footer">Copyright&copy;2012 3stone </div>
</div>

	 </body>
	</html>
	
	
